<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div class="yui3-u Center banerArea">
    <!--banner轮播-->
    <div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
      <ol class="carousel-indicators">
        <#list list as content>
         <li data-target="#myCarousel" data-slide-to="${content_index}" <#if content_index==0>class="active"</#if>></li>
        </#list>

      </ol>
      <div class="carousel-inner">
        <#list list as content>
            <div class="<#if content_index==0>active </#if>item">
              <a href="${content.url}">
                <img src="${content.pic}"  />
              </a>
            </div>
        </#list>
      </div><a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a><a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
    </div>
  </div>
</body>
</html>